/* Entire web layout */
*
{
    margin:0;
    padding:0
}

/* Header of master page */
#header
{
    margin:auto;
    float:left;
    width:850px
}

/* Left-block in header section */
.block1
{
    background-image:url(../Images/Bg1.png);
    background-position:top left;
    background-repeat:repeat-x;
    width:270px;
    height:110px;
    border-right:1px solid #001742;
    float:left
}

/* Items in left-block */
.block1 li
{
    list-style-type:none;
    margin:20px 0 0 25px;
    line-height:20px;
    font-family:Tahoma;
    font-weight:bold;
    color:#FFFFFF
}

/* Middle-block in header section */
.block2
{
    background-image:url(../Images/Bg2.png);
    background-position:top left;
    background-repeat:repeat-x;
    width:310px;
    height:110px;
    border-left:1px solid #007EAB;
    border-right:1px solid #007EAB;
    float:left
}

/* Link of middle-block and right-block */
.block2 a, .block3 span
{
    font-family:Tahoma;
    font-weight:bold;
    color:#FFFFFF
}

/* Items in middle-block */
.block2 ul
{
    margin:20px 0 0 45px
}

/* Item in middle-block */
.block2 li
{
    float:left;
    list-style-type:none;
    width:100px;
    background-image:url(../Images/Arrow.png);
    background-position:0px 2px;
    background-repeat:no-repeat;
    padding:0 0 0 15px;
    margin:0 0 5px 0
}

/* Right-block in header section */
.block3
{
    background-image:url(../Images/Bg3.png);
    background-position:top left;
    background-repeat:repeat-x;
    width:210px;
    height:110px;
    float:left;
    border-left:1px solid #001742;
}

/* Shopping cart logo */
.block3 img
{
    float:left;
    margin:25px 0 0 30px
}

/* Shopping cart text */
.block3 #shopping-cart
{
    float:left;
    padding:23px 0 0 10px
}

/* Cart (0) text */
.block3 #cart-summary
{
    float:left;
    padding:65px 0 0 20px;
    color:Yellow
}

/* Horizontal menu bar */
.menu
{
    margin-top:10px;
    background-image:url(../Images/Menu.png);
    width:795px;
    height:30px
}

.menu-active
{
    text-decoration:underline;
    font-weight:bold
}

/* List item in menu */
.menu li
{
    float:left;
    list-style-type:none;
	width:159px;
	line-height:30px;
	text-align:center
}

/* Menu link */
.menu a
{
    color:#FFFFFF;
    font-size:large
}

.menu a:hover
{
    color:yellow;
    font-weight:bold
}

a
{
	text-decoration:none
}

/* Body section */
body
{
    width:805px;
    margin:auto;
    font-family:Tahoma;
    font-size:12px
}

/* Content of web page */
#content
{
    float:left;
    padding:5px 0 5px 0;
    width:100%
}

/* Left-menu */
.left
{
    float:left;
    display:inline;
    border:1px solid #5D6B84;
    width:24%
}

/* Dots symbol */
.dots
{
    background-image:url(../Images/Dots.png);
    background-position:bottom left;
    background-repeat:repeat-x
}

/* Items in left-menu */
.left ul
{
    float:left;
    padding:10px 0 15px 10px
}

/* Item in left-menu */
.left li
{
    list-style-type:none;
    width:160px;
    padding:0 0 5px 0
}

.left li a
{
    background-image:url(../Images/Arrow.png);
    background-position:0px 2px;
    background-repeat:no-repeat;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    color:#00234D;
    padding:0 0 0 20px
}

.left li a:hover
{
    color:Red
}

/* Footer section */
#footer
{
    width:99%;
    float:left;
    border-top:4px solid #6479A0;
    padding:10px 0 15px 0;
    text-align:center;
    color:#00214B
}

/* Copying right */
.powered
{
    color:#00214B
}

.terms
{
    color:#0051B6
}

/*****************************************************************************/
.select
{
width:108px;
font-size:10px;
height:15px;
vertical-align:middle;
margin:0 0 0 5px;
display:inline;
font-family:Tahoma;
}

/* Right-panel in body section */
.right
{
    float:left;
    padding:0 0 0 5px;
    margin-left:0px;
    margin-right:0px;
    width:75%;
    font-size:12px
}

/* Image and content in the item */
.item img, .item div
{
    float:left
}

/* Product item */
.item
{
    background-image:url(../Images/Bordbg.png);
    background-position:top left;
    width:48%;
    margin:0 5px 5px 5px;
    float:left
}

/* Name */
.item h1
{
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    color:#00214B;
    text-decoration:underline;
    padding:10px 0 5px 0
}

/* RAM */
.item span
{
    padding:0 0 5px 0;
    font-size:11px;
    font-family:Tahoma;
    color:#333A43
}

/* Price + Promotion */
.item p
{
    color:#666D75;
    font-size:12px;
}

/* Price in the home page */
.item p strong
{
    font-family:Tahoma;
    font-size:15px;
    color:#FF3000
}

/* Details button */
.details
{
	display:inline-table;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	width:130px;
	height:20px;
	background-image:url("../Images/Details.png");
	background-position:top left;
	text-align:center;
	line-height:19px;
	color:White;
	font-weight:bold
}

/* add-to-cart button */
.add-to-cart
{
	display:inline-table;
	width:130px;
	height:20px;
	margin-bottom:5px;
	background-image:url("../Images/AddToCart.png");
	background-position:top left;
	text-align:center;
	line-height:19px;
	color:White;
	font-weight:bold
}

/* Details-Label */
.display-label
{
	margin-top:5px;
	float:left;
	width:27%;
	text-align:right
}

/* Details-Field */
.display-field
{
	margin-top:5px;
	margin-left:10px;
	float:left;
	width:70%
}

/* Label */
.editor-label
{
	clear:both;
	float:left;
	width:150px;
	font-weight:bold;
	text-align:right;
	margin:5px
}

/* Textbox */
.editor-field
{
	float:left;
	width:150px;
	margin:5px
}

.field-validation-error
{
	color:red;
}

/* Details of a product */
#details
{
	background-color:silver;
	position:fixed;
	top:20%;
	left:40%;
	display:none;
	float:left;
	width:400px;
}

/* Dim the display, display a black box on the screen */
#dim
{
	background-image:url('../Images/Dim.png');
	position:fixed; /* Browser */
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}

/* Loading animation */
#loading
{
	background-image:url('../Images/Loading.png');
	position:fixed;
	left:40%;
	top:20%;
	display:none;
	float:left;
	width:400px;
	height:400px;
	background-color:silver;
}

/* Finished Checkout */
#cart-total
{
	color:red;
	font-weight:bold;
	font-size:15pt;
}

/* Remove from cart */
#update-message
{
	color: Red;
	float:left;
}